import styled from "styled-components";

export const ResumeHead = styled.div`
  margin-bottom: 30px !important;

.resumeHeadContent{
  display: inline-block;
  padding-top: 25px;
  color: #fff;
  font-weight: bold;
  font-size: 30px;
  height: 60px;
  width: 180px;
  text-align: center;
  position: relative;

  &::after{
    display: inline-block;
    content: '';
    width: 0;
    height: 0;
    border-left: 90px solid transparent;
    border-right: 90px solid transparent;
    border-bottom: 30px solid transparent;
    /* stylelint-disable-next-line custom-property-pattern */
    border-top: 30px solid var(---bkg);
    position: absolute;
    top: 99%;
    left: 0;
  }
}
`
